<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>备注列表</title>
    <style>

        .title {
            width: 80%;
            text-align: center;
            margin: 0 auto;
        }
        .container{
            background-color: #ffffee;
            height:200px;
            width: 600px;
            margin: 20px auto;
            overflow:hidden;
        }

        .content{
            float: right;
            width: 100%;
        }

        .face {

            height:100%;
        }

        .remark{
            height: 70px;
            padding: 0 7px 11px 0;
            line-height: 22px;
            font-size: 14px;
            text-align:justify;
            word-break: break-all;
            margin-top: 15px;
        }

        .time{
            font-family: PingFangSC-Regular;
            margin-right: 16px;
            font-size: 13px;
            color: #9195a3;
        }

        .name {
            font-family: PingFangSC-Regular;
            font-size: 13px;
            color: #9195a3;
        }

        .operate {
            float: right;
        }

        .status {
            font-family: PingFangSC-Regular;
            font-size: 13px;
            color: #9195a3;
            float: bottom;
            text-align: right;
            margin-top: 30px;

        }

        .status span {
            margin-right: 25px;
        }

        .cl {
            clear: both;
        }
        /*     .container {
                 display: flex;
             }

             .container__column {
                 flex: 1;
                 !* Space between columns *!
                 margin: 0 8px;

                 !* Layout each column *!
                 display: flex;
                 flex-direction: column;
             }

             .container__content {
                 !* Take available height *!
                 flex: 1;
             }*/
    </style>
</head>
<body>
<div style="margin: 10px auto 20px;text-align: center;">
    <a href="{:url('remark/add',['type'=>$type,'correspond_id'=>$correspond_id],false)}" class="btn btn-success btn-add "  title="备注新增"><i class="fa fa-plus"></i>新增</a>

</div>

<div>
    <h2 class="title">
        全部备注
        <span>({$total}条)</span>
    </h2>
    {volist name="remark_list" id="vo"}
    <div class="container">
        <div class="content">
            <div class="label1">
                <span class="time"> <?php echo date('Y-m-d H:i',$vo['createtime']);?></span>
                <span class="name"> {$vo['admin']['nickname']}</span>
                {if $vo['user_id']==$admin_id || $admin_id==1}
               <span class="operate">
                   <a href="{:url('remark/edit',['ids'=>$vo['id'],'id'=>$vo['id']],false)}" class="btn btn-success btn-add "  title="备注修改"><i class="fa fa-plus"></i> 修改</a>
                   <a href="#" class="btn btn-danger btn-del"  onclick="remark_delete({$vo.id},{$vo.id})"  title="删除" ><i class="fa fa-trash"></i> 删除</a>
               </span>
                {/if}
            </div>

            <div class="remark">
               备注: {$vo.remark_content}
            </div>

            <!--<div class="status">
                <span>进展状态:</span>
                <span >最终状态:</span>
            </div>-->

        </div>

        <div class="img">
            <img class="face" src="{$vo['admin']['avatar']}" height="150px">
        </div>
        <div class="cl"></div>
    </div>
    {/volist}

</div>
<script src="__CDN__/assets/libs/jquery/dist/jquery.js"></script>
<script>
   function remark_delete(mark_id,job_id){

       $.ajax({
           url:"{:url('remark_delete')}",
           type:'post',
           data:{mark_id:mark_id,job_id:job_id},
           dataType:'json',
           success:function (res){
                 if(res.code==1){
                     location.href=res.data;
                 }
           }
       })
   }

  /* function remark_update(mark_id,resume_id,recommend_id){

       $.ajax({
           url:"{:url('remark_update')}",
           type:'post',
           data:{mark_id:mark_id,resume_id:resume_id,recommend_id:recommend_id},
           dataType:'json',
           success:function (res){
               if(res.code==1){
                   location.href=res.data;
               }
           }
       })
   }*/


</script>
</body>
</html>